<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>左侧菜单</title>
    </head>
    <body>
        <!-- 
            列表
             ul 
               li 
            a : 超级链接与网络上的另一个文档相连
               href = 其它网页，网站的地址
               target	                        
                        规定在何处打开目标 URL。仅在 href 属性存在时使用。

                        _blank：新窗口打开。
                        _parent：在父窗口中打开链接。
                        _self：默认，当前页面跳转。
                        _top：在当前窗体打开链接，并替换当前的整个窗体(框架页)。
                        framename	
         -->
         <ul style="padding-left:3px;">
            <li>第一天学习菜单</li>
            <ul style="padding-left:10px;">
                <li style="margin: 5px">
                    <a href="../第一 基本结构说明.html" target="right">第一节课_基本结构</a>
                </li>
                <li style="margin: 5px">
                    <a href="../第二 排版实体字符问题.html" target="right">第二节课_排版实体字符</a>
                </li>
                <li style="margin: 5px">
                    <a href="../第三  布局元素.html" target="right">第三节课_布局元素</a>
                </li>
                <li style="margin: 5px">
                    <a href="../第三 frameset.html" target="right">第四节课_frameset</a>
                </li>
             </ul>
             <li>第二天学习菜单</li>
             <ul style="padding-left:10px;">
                 <li style="margin: 5px">
                     <a href="../../chapter02/第二 布局div.html" target="right">第二 布局div</a>
                 </li>
                 <li style="margin: 5px">
                     <a href="../../chapter02/第二 常见元素.html" target="right">第二 常见元素</a>
                 </li>
              </ul>
              <li>第三天学习菜单</li>
             <ul style="padding-left:10px;">
                 <li style="margin: 5px">
                     <a href="../../chapter03/第三  事件.html" target="right">第三  事件</a>
                 </li>
                 <li style="margin: 5px">
                     <a href="../../chapter03/第三 web存储.html" target="right">第三 web存储</a>
                 </li>
                 <li style="margin: 5px">
                    <a href="../../chapter03/第三 拖动.html" target="right">第三 拖动</a>
                </li>
              </ul>
              <li>第三天css</li>
              <ul style="padding-left:10px;">
                <li style="margin: 5px">
                    <a href="../../../css/chapter01/第一样式.html" target="right">基础结构</a>
                </li>
             </ul>
         </ul>
    </body>
</html>